* {
    margin: 0;
    padding: 0;
}
html{
    height: 100%;
    width: 100%;
}
body{
    background: #0e0e0e;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.box{
    /* 控制页面文字无法选中的bug */
    -webkit-user-select: none; 
    /* margin: auto; */
    width: 410px;
    height: 174px;
    
    background-color: hsl(0, 0%, 90%);
    transition: background-color 300ms;
}
.box ul li {
    float: left;
    margin-top: 20px;
    padding: 0 10px;
    list-style: none;
}
.box ul li input {
    display: inline-block;
    width: 20px;
    height: 20px;
}

.box ul li:nth-child(6n){
    padding-right: 180px;
}

.box ul li input:hover{
    background-color: aqua;
}